<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<h3> ${msg} <span class="tiny">demo.</span></h3>
<p>
	http://www.cnblogs.com/zhangziqiu/archive/2009/05/04/jQuery-Learn-3.html
	<br/>
	http://blog.jojo.jp/?eid=1357501#sequel
	<br/>
	http://www.geekpage.jp/web/google-maps-api/
</p>
<hr/>
<p>
    Try to location your <a class="yellow" href="#" >address</a>.
</p>
<input type="text" id="address"/>
<input type="button" id="submit" value="submit"/>
<div id="map" style="width: 300px; height: 300px;">
</div>
<hr/>
<textarea id="addreses_list" cols="50" rows="10">
岡崎市能見通1丁目26番地
豊橋市駅前大通3丁目43番地
名古屋市中村区名駅5丁目2番15号
名古屋市中村区森田町1丁目4番58号
名古屋市西区庄内通2丁目2番地
名古屋市北区御成通4丁目28番地の1
名古屋市守山区茶臼前17番21号
名古屋市名東区香流3丁目1017番地
名古屋市中区大須4丁目10番59号
名古屋市昭和区広路通7丁目7番地
名古屋市瑞穂区堀田通6丁目11番地
名古屋市天白区原1丁目1801番地
名古屋市南区寺崎町13番8号
名古屋市緑区鳴海町諏訪山150番1
名古屋市緑区鳴海町字徳重34番1
名古屋市中川区太平通6丁目21番地
名古屋市中川区八田本町46番地
名古屋市中川区戸田5丁目404番地
</textarea>
<input type="button" id="submit_list" value="一気に調べる"/>
<div id="map_list" style="width: 500px; height: 500px;">
</div>
<hr/>
<script type="text/javascript">
    $(function(){
        $("#map").gMap();
		$("#submit").click(function(e){
			$("#map").gMap({
				address: $("#address").val(),
				zoom:14,
				controls: ["GSmallMapControl", "GMapTypeControl","GOverviewMapControl"],
				markers:[{
					address:$("#address").val()
					}]
			});
		});
		$("#submit_list").click(function(e){
			var str= $("#addreses_list").val() ;
			var arr = str.split("\n");
			for ( a in arr){
				if (arr[a] != ''){
				  obj1356164.addAddressToMap( arr[a] );
				};
			}

			$("#map_list").gMap({
				address: $("#address").val(),
				zoom:14,
				controls: ["GSmallMapControl", "GMapTypeControl","GOverviewMapControl"],
				markers:[{
					address:$("#address").val()
					}]
			});
		});
    });
</script>
